<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="css/carousel.css">
    <link rel="stylesheet" href="css/goodsitems.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_762189_z3scoz4fh9.css">
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/nav.js"></script>
</head>
<body>
<header>
    <div class="nav" id="nav">
        <div class="nav-bar">
            <div class="slogan left">
                <a name="slogan" href="#">好的生活，没那么贵</a>
            </div>
            <div class="login right">
                <a class="log" href="login.html">登录</a>
                <a class="reg" href="register.html">注册</a>
                <div class="split"></div>
                <a href="">我的订单</a>
                <div class="split"></div>
                <a href="">会员</a>
                <div class="split"></div>
                <a href="">甄选家</a>
                <div class="split"></div>
                <a href="">企业采购</a>
                <div class="split"></div>
                <a href="">客户服务</a>

                <div class="split"></div>
                <a class="dl-app" href="">
                    <i class="iconfont icon-contextphone"></i>APP
                    <div class="wrap-code">
                        <img src="images/下载.png" alt="" />
                        <p>扫码下载 首单立减8元</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="store-header">
            <div class="g-row">
                <a href="" class="tab-logo"></a>
                <div class="m-search">
                    <div class="search-div">
                        <input type="text" class="search-input" placeholder="精选裤衩子限时包邮">
                        <div class="search-button">
                            <i class="search-icon"></i>
                        </div>
                        <a class="cart-div" href="cart.html">
                            <i class="cart-icon"></i>
                            <i class="amount-icon">3</i>
                        </a>
                    </div>
                </div>
                <ul class="nav-item">
                    <li class="item">
                        <a class="active" href="">首页</a>
                    </li>
                    <li  class="item">
                        <a href="">居家</a>
                        <div class="nav-card">
                            <ul class="card-list">
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/13ff4decdf38fe1a5bde34f0e0cc635a.png" alt="">
                                    <p class="w-text">被枕</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/13ff4decdf38fe1a5bde34f0e0cc635a.png" alt="">
                                    <p class="w-text">床品件套</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/13ff4decdf38fe1a5bde34f0e0cc635a.png" alt="">
                                    <p class="w-text">床垫</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/13ff4decdf38fe1a5bde34f0e0cc635a.png" alt="">
                                    <p class="w-text">地垫</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/13ff4decdf38fe1a5bde34f0e0cc635a.png" alt="">
                                    <p class="w-text">家具</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/13ff4decdf38fe1a5bde34f0e0cc635a.png" alt="">
                                    <p class="w-text">舒坐</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/13ff4decdf38fe1a5bde34f0e0cc635a.png" alt="">
                                    <p class="w-text">灯具</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/13ff4decdf38fe1a5bde34f0e0cc635a.png" alt="">
                                    <p class="w-text">家饰</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="item">
                        <a href="">鞋包</a>
                        <div class="nav-card">
                            <ul class="card-list">
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/863b1e4a6c84fb33f5d09d91d2a36881.png" alt="">
                                    <p class="w-text">行李箱</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/863b1e4a6c84fb33f5d09d91d2a36881.png" alt="">
                                    <p class="w-text">女士包袋</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/863b1e4a6c84fb33f5d09d91d2a36881.png" alt="">
                                    <p class="w-text">男士包袋</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/863b1e4a6c84fb33f5d09d91d2a36881.png" alt="">
                                    <p class="w-text">钱包及小皮件</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/863b1e4a6c84fb33f5d09d91d2a36881.png" alt="">
                                    <p class="w-text">女鞋</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/863b1e4a6c84fb33f5d09d91d2a36881.png" alt="">
                                    <p class="w-text">男鞋</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/863b1e4a6c84fb33f5d09d91d2a36881.png" alt="">
                                    <p class="w-text">拖鞋</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/863b1e4a6c84fb33f5d09d91d2a36881.png" alt="">
                                    <p class="w-text">鞋配</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/863b1e4a6c84fb33f5d09d91d2a36881.png" alt="">
                                    <p class="w-text">袜子</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/863b1e4a6c84fb33f5d09d91d2a36881.png" alt="">
                                    <p class="w-text">丝袜</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/863b1e4a6c84fb33f5d09d91d2a36881.png" alt="">
                                    <p class="w-text">配饰</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/863b1e4a6c84fb33f5d09d91d2a36881.png" alt="">
                                    <p class="w-text">眼镜</p>
                                </li>
                                <li class="card-item">
                                    <img class="w-icon" src="./images/card-list/863b1e4a6c84fb33f5d09d91d2a36881.png" alt="">
                                    <p class="w-text">围巾套件</p>
                                </li>
                            </ul>
                        </div>

                    </li>
                    <li class="item">
                        <a href="">服装</a>
                    </li>
                    <li class="item">
                        <a href="">电器</a>
                    </li>
                    <li class="item">
                        <a href="">洗护</a>
                    </li>
                    <li class="item">
                        <a href="">饮食</a>
                    </li>
                    <li class="item">
                        <a href="">餐厨</a>
                    </li>
                    <li class="item">
                        <a href="">婴童</a>
                    </li>
                    <li class="item">
                        <a href="">文体</a>
                    </li>
                    <li class="item">
                        <a href="">特色区</a>
                    </li>
                    <li class="fixed-hide li-spl"></li>
                    <li class="fixed-hide"><a href="">为您甄选</a></li>
                    <li class="fixed-hide last"><a href="">众筹</a></li>
                </ul>
                <div class="notlogin">
                    <a class="cart-div" href="cart.html">
                        <i class="cart-icon"></i>
                        <i class="amount-icon">3</i>
                    </a>
                    <a class="lg" href="login.html">登录</a>
                    <a class="rg" href="register.html">注册</a>
                </div>
            </div>
        </div>
    </div>
</header>
<div class="blank clearfix"></div>
<section>
    <div class="carousel">
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-image:url(images/carousel-img/6f24866ea949130b515762e7809214bc.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(images/carousel-img/58fce625ced8968786465152e4346029.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(images/carousel-img/62ef27cdb8715547dbbaa2909d08bf0f.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(images/carousel-img/a071da925c90136d5d8bd0eef2875aa0.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(images/carousel-img/ac0f52cd9c6334d539cf7618d3495f0a.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(images/carousel-img/c9ef41b68352531127b76544b5385e6f.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(images/carousel-img/d7832aad63c2b15700fa27909428cb99.jpg)"></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination swiper-pagination-white"></div>
            <!-- Add Arrows -->
            <div class="swiper-button-next swiper-button-white"></div>
            <div class="swiper-button-prev swiper-button-white"></div>
        </div>

    </div>
</section>
<section class="g-bd">
    <div class="m-cate">
        <div class="hd">
            <div class="left">
                <h3 class="name">品牌制造商</h3>
                <div class="front-name">工厂直达消费者，剔除品牌溢价</div>
            </div>
            <a class="more-items" href="">更多制造商 ></a>
        </div>
        <div class="manufacturer-list clearfix">
            <a href="" class="manufacturer first">
                <div class="m-mask"></div>
                <div class="m-name">CK制造商</div>
                <div class="m-price">25元起</div>
                <img src="images/e260e624a26f7d775f9012133a5c1562.png" alt="" class="m-img">
            </a>
            <a href="goodDetail.html" class="manufacturer">
                <div class="m-mask"></div>
                <div class="m-name">Kenneth Cole制造商</div>
                <div class="m-price">219元起</div>
                <img src="images/f502781da6a6ea0934882ca5bc0cffcc.png" alt="" class="m-img">
            </a>
            <div class="manufacturer-right">
                <a href="" class="manufacturer-sub">
                    <div class="m-mask"></div>
                    <div class="m-name">Ralph Lauren制造商</div>
                    <div class="m-price">19元起</div>
                    <img src="images/9a07fb17358525bb396f69e1f47814a3.png" alt="" class="m-img">
                </a>
                <a href="" class="manufacturer-sub">
                    <div class="m-mask"></div>
                    <div class="m-name">海外制造商</div>
                    <div class="m-price">9.9元起</div>
                    <img src="images/9704200f758d804b2253e79ca89c4584.jpg" alt="" class="m-img">
                </a>
            </div>

        </div>
    </div>
</section>
<section class="new-item clearfix">
    <div class="m-cate">
        <div class="hd">
            <div class="left">
                <h3 class="name">新品首发</h3>
                <div class="front-name">为你寻觅世间好物</div>
            </div>
            <a href="" class="more-items">更多新品 ></a>
        </div>
        <div class="item-list clearfix">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide m-product">
                        <div class="hd">
                            <a href="">
                                <img src="images/91ca7d3a389ef09e331311dadef2f6a5.png" alt="" class="img">
                            </a>
                        </div>
                        <div class="bd">
                            <h4 class="m-name">
                                <a href="#">3只装&nbsp;&nbsp;黑白粉扑</a>
                            </h4>
                            <p class="price">
                                <span>$29.9</span>
                                <span class="sign"><a href="">Dior制造商</a></span>
                            </p>
                        </div>
                    </div>
                    <div class="swiper-slide m-product">
                        <div class="hd">
                            <a href="">
                                <img src="images/040757a35fea3bc1ff334e25971922fb.png" alt="" class="img">
                            </a>
                        </div>
                        <div class="bd">
                            <h4 class="m-name">
                                <a href="#">3只装&nbsp;&nbsp;黑白粉扑</a>
                            </h4>
                            <p class="price">
                                <span>$29.9</span>
                                <span class="sign"><a href="">Dior制造商</a></span>
                            </p>
                        </div>
                    </div>
                    <div class="swiper-slide m-product">
                        <div class="hd">
                            <a href="">
                                <img src="images/0b8762d2c1b1840c11e988ceb424505c.png" alt="" class="img">
                            </a>
                        </div>
                        <div class="bd">
                            <h4 class="m-name">
                                <a href="#">3只装&nbsp;&nbsp;黑白粉扑</a>
                            </h4>
                            <p class="price">
                                <span>$29.9</span>
                                <span class="sign"><a href="">Dior制造商</a></span>
                            </p>
                        </div>
                    </div>
                    <div class="swiper-slide m-product">
                        <div class="hd">
                            <a href="">
                                <img src="images/ecaf8fc364b88715d84398290d23fc51.png" alt="" class="img">
                            </a>
                        </div>
                        <div class="bd">
                            <h4 class="m-name">
                                <a href="#">3只装&nbsp;&nbsp;黑白粉扑</a>
                            </h4>
                            <p class="price">
                                <span>$29.9</span>
                                <span class="sign"><a href="">Dior制造商</a></span>
                            </p>
                        </div>
                    </div>
                    <div class="swiper-slide m-product">
                        <div class="hd">
                            <a href="">
                                <img src="images/7c72e34c2d60e00a5ac9575f771b7650.png" alt="" class="img">
                            </a>
                        </div>
                        <div class="bd">
                            <h4 class="m-name">
                                <a href="#">3只装&nbsp;&nbsp;黑白粉扑</a>
                            </h4>
                            <p class="price">
                                <span>$29.9</span>
                                <span class="sign"><a href="">Dior制造商</a></span>
                            </p>
                        </div>
                    </div>
                    <div class="swiper-slide m-product">
                        <div class="hd">
                            <a href="">
                                <img src="images/2d7fcf4f03ebd82bd8d633f2ceb73cce.png" alt="" class="img">
                            </a>
                        </div>
                        <div class="bd">
                            <h4 class="m-name">
                                <a href="#">3只装&nbsp;&nbsp;黑白粉扑</a>
                            </h4>
                            <p class="price">
                                <span>$29.9</span>
                                <span class="sign"><a href="">Dior制造商</a></span>
                            </p>
                        </div>
                    </div>
                    <div class="swiper-slide m-product">
                        <div class="hd">
                            <a href="">
                                <img src="images/95ef2e14cfd49d0b55c37893d5aa6e2a.png" alt="" class="img">
                            </a>
                        </div>
                        <div class="bd">
                            <h4 class="m-name">
                                <a href="#">3只装&nbsp;&nbsp;黑白粉扑</a>
                            </h4>
                            <p class="price">
                                <span>$29.9</span>
                                <span class="sign"><a href="">Dior制造商</a></span>
                            </p>
                        </div>
                    </div>
                    <div class="swiper-slide m-product">
                        <div class="hd">
                            <a href="">
                                <img src="images/802cbd74b3578b1c6fec3868cf0504f8.png" alt="" class="img">
                            </a>
                        </div>
                        <div class="bd">
                            <h4 class="m-name">
                                <a href="#">3只装&nbsp;&nbsp;黑白粉扑</a>
                            </h4>
                            <p class="price">
                                <span>$29.9</span>
                                <span class="sign"><a href="">Dior制造商</a></span>
                            </p>
                        </div>
                    </div>
                    <div class="swiper-slide m-product">
                        <div class="hd">
                            <a href="">
                                <img src="images/070fcd341be8903e3cc90383396a5f10.png" alt="" class="img">
                            </a>
                        </div>
                        <div class="bd">
                            <h4 class="m-name">
                                <a href="#">3只装&nbsp;&nbsp;黑白粉扑</a>
                            </h4>
                            <p class="price">
                                <span>$29.9</span>
                                <span class="sign"><a href="">Dior制造商</a></span>
                            </p>
                        </div>
                    </div>
                    <div class="swiper-slide m-product">
                        <div class="hd">
                            <a href="">
                                <img src="images/3236d10180f2a9bd8a148a523935735e.png" alt="" class="img">
                            </a>
                        </div>
                        <div class="bd">
                            <h4 class="m-name">
                                <a href="#">3只装&nbsp;&nbsp;黑白粉扑</a>
                            </h4>
                            <p class="price">
                                <span>$29.9</span>
                                <span class="sign"><a href="">Dior制造商</a></span>
                            </p>
                        </div>
                    </div>
                </div>
                <!-- Add Pagination -->
                <!--<div class="swiper-pagination"></div>-->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
    </div>
</section>
<section class="popular-item">
    <div class="m-cate clearfix">
        <div class="hd">
            <div class="left">
                <h3 class="name">人气推荐</h3>
                <div class="front-name">
                    <a class="active" href="">编辑推荐</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="">热销总榜</a>
                </div>
            </div>
            <a href="" class="more-items">更多推荐 ></a>
        </div>
        <div class="col c-left">
            <div class="big-block to-gap">
                <div class="m-product">
                    <div class="hd">
                        <a href="">
                            <img src="images/05ecfb1f8beff52a1aa4e48b21dda530.png" alt="" class="img">
                        </a>
                    </div>
                    <div class="bd">
                        <h4>
                            <a href="">
                                <span class="name"> 冬夏两用 护脊椰棕弹簧床垫</span>
                                <br>
                                <span class="price">¥2099</span>
                            </a>
                        </h4>
                    </div>
                </div>
            </div>
        </div>

        <div class="col c-right">
            <div class="big-block to-gap">
                <div class="m-product mr-product">
                    <div class="hd">
                        <a href="">
                            <img src="images/12cea73ce3039c94b89a47ee25e04d52.png" alt="" class="img">
                        </a>
                    </div>
                    <div class="bd">
                        <h4>
                            <a href="">
                                <span class="info">限时购</span>
                                <br>
                                <span class="name">每日坚果(4种坚果+3种果干)</span>
                                <br>
                                <span class="price">¥29.9</span>
                            </a>
                        </h4>
                    </div>
                </div>
            </div>
            <div class="big-block to-gap">
                <div class="m-product mr-product">
                    <div class="hd">
                        <a href="">
                            <img src="images/db0a07874fbdf46e882d30ca18cf78a3.png" alt="" class="img">
                        </a>
                    </div>
                    <div class="bd">
                        <h4>
                            <a href="">
                                <span class="info hide">限时购</span>
                                <br>
                                <span class="name"> 新色 奢华植鞣头层水牛皮席三件套</span>
                                <br>
                                <span class="price">¥2249.1</span>
                            </a>
                        </h4>
                    </div>
                </div>
            </div>
            <div class="big-block to-gap">
                <div class="m-product mr-product">
                    <div class="hd">
                        <a href="">
                            <img src="images/05ecfb1f8beff52a1aa4e48b21dda530.png" alt="" class="img">
                        </a>
                    </div>
                    <div class="bd">
                        <h4>
                            <a href="">
                                <span class="info">限时购</span>
                                <br>
                                <span class="name"> Paisley欧式天丝四件套</span>
                                <br>
                                <span class="price">¥599</span>
                            </a>
                        </h4>
                    </div>
                </div>
            </div>
            <div class="big-block to-gap">
                <div class="m-product mr-product">
                    <div class="hd">
                        <a href="">
                            <img src="images/05ecfb1f8beff52a1aa4e48b21dda530.png" alt="" class="img">
                        </a>
                    </div>
                    <div class="bd">
                        <h4>
                            <a href="">
                                <span class="info hide">限时购</span>
                                <br>
                                <span class="name"> 全棉针织纯色四件套</span>
                                <br>
                                <span class="price">¥269.1</span>
                            </a>
                        </h4>
                    </div>
                </div>
            </div>
            <div class="big-block to-gap">
                <div class="m-product mr-product">
                    <div class="hd">
                        <a href="">
                            <img src="images/05ecfb1f8beff52a1aa4e48b21dda530.png" alt="" class="img">
                        </a>
                    </div>
                    <div class="bd">
                        <h4>
                            <a href="">
                                <span class="info">限时购</span>
                                <br>
                                <span class="name"> 全净皓齿变速式声波电动牙刷</span>
                                <br>
                                <span class="price">¥219</span>
                            </a>
                        </h4>
                    </div>
                </div>
            </div>
            <div class="big-block to-gap">
                <div class="m-product mr-product">
                    <div class="hd">
                        <a href="">
                            <img src="images/05ecfb1f8beff52a1aa4e48b21dda530.png" alt="" class="img">
                        </a>
                    </div>
                    <div class="bd">
                        <h4>
                            <a href="">
                                <span class="info hide">限时购</span>
                                <br>
                                <span class="name"> 24寸 纯PC“铝框”（非全铝）</span>
                                <br>
                                <span class="price">¥389</span>
                            </a>
                        </h4>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
<section class="m-cates">
    <div class="grow clearfix">
        <div class="m-cat">
            <div class="hd clearfix">
                <div class="left">
                    <h3 class="name">
                        居家
                    </h3>
                </div>
                <div class="right">
                    <nav class="subcate-list clearfix">
                        <a href="" class="item">
                            被枕
                        </a>
                        <span class="split">/</span>
                        <a href="" class="item">
                            床品件套
                        </a>
                        <span class="split">/</span>
                        <a href="" class="item">
                            床垫
                        </a>
                        <span class="split">/</span>
                        <a href="" class="item">
                            地垫
                        </a>
                        <span class="split">/</span>
                        <a href="" class="item">
                            家具
                        </a>
                        <span class="split">/</span>
                        <a href="" class="item">
                            舒座
                        </a>
                        <span class="split">/</span>
                        <a href="" class="item">
                            灯具
                        </a>
                        <span class="split">/</span>
                        <a href="" class="item">
                            家饰
                        </a>
                        <a href="" class="item">查看更多 ></a>
                    </nav>
                </div>
            </div>
            <div class="bd clearfix">
                <ul class="m-item-list">
                    <li class="il-item">
                        <div class="product-hd">
                            <a href="">
                                <img src="images/884b85d38aa21f0a8d6e6f7f02dde21e.jpg" alt="" class="product-img">
                                <!--<p class="new-tag">新品</p>-->
                            </a>
                        </div>
                    </li>
                    <li class="il-item">
                        <div class="product">
                            <div class="product-hd">
                                <a href="">
                                    <img src="images/2ab7b86be448341df0247b4e44fc2e3b.png" alt="" class="product-img">
                                    <p class="new-tag hide"></p>
                                </a>
                            </div>
                            <div class="product-bd">
                                <div class="pro-name">
                                    <a href="" class="product-name"> 自然光多功能触控阅读灯</a>
                                </div>
                                <p class="price">
                                    <span>¥189</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="il-item">
                        <div class="product">
                            <div class="product-hd">
                                <a href="">
                                    <img src="images/c118ef8517199a85b46db2ef69d48509.png" alt="" class="product-img">
                                    <p class="new-tag">新品</p>
                                </a>
                            </div>
                            <div class="product-bd">
                                <div class="pro-name">
                                    <a href="" class="product-name">  升级款可水洗舒柔羽丝绒枕</a>
                                </div>
                                <p class="price">
                                    <span>¥59</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="il-item">
                        <div class="product">
                            <div class="product-hd">
                                <a href="">
                                    <img src="images/9ad25214f5abbbff716c8e5a5fd9226b.png" alt="" class="product-img">
                                    <p class="new-tag">日本制造</p>
                                </a>
                            </div>
                            <div class="product-bd">
                                <div class="pro-name">
                                    <a href="" class="product-name">  日本制造 标签款收纳篮</a>
                                </div>
                                <p class="price">
                                    <span>¥12.9</span>
                                </p>
                            </div>
                        </div>
                    </li>
                    <li class="il-item">
                        <div class="product">
                            <div class="product-hd">
                                <a href="">
                                    <img src="images/df6ce3afe8e8827f1da41aa8e4e08760.png" alt="" class="product-img">
                                    <p class="new-tag">泰国制造</p>
                                </a>
                            </div>
                            <div class="product-bd">
                                <div class="pro-name">
                                    <a href="" class="product-name">  泰国制造 天然乳胶枕护颈优眠</a>
                                </div>
                                <p class="price">
                                    <span>¥169.2</span>
                                </p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!--重复m-cat部分-->
    </div>
</section>
<section class="new-comment">
    <div class="grow clearfix">
        <div class="hd clearfix">
            <div class="left">
                <h3 class="name">大家都在说</h3>
                <div class="front-name">生活，没有统一标准</div>
            </div>
        </div>
        <div class="bd speak-list">
            <!-- Swiper -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="speaker">
                            <div class="sp-product">
                                <div class="pic">
                                    <a href="">
                                        <img src="images/52972adcfed5b33e06eccb223275b8d3.jpg" alt="">
                                    </a>
                                </div>
                                <div class="statement">
                                    <div class="state-hd">
                                        <p class="s-pro">韩国制造 S Queen 软糖</p>
                                        <p class="s-price">$29</p>
                                    </div>

                                    <div class="state-bd">
                                        <p>味道还算好吧</p>
                                        <!--<span class="more"></span>-->
                                    </div>
                                    <div class="state-ft">
                                        <span class="user-name">s***b</span>
                                        <span class="date-time">2016-08-25 18:30</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="speaker">
                            <div class="sp-product">
                                <div class="pic">
                                    <a href="">
                                        <img src="images/52972adcfed5b33e06eccb223275b8d3.jpg" alt="">
                                    </a>
                                </div>
                                <div class="statement">
                                    <div class="state-hd">
                                        <p class="s-pro">韩国制造 S Queen 软糖</p>
                                        <p class="s-price">$29</p>
                                    </div>

                                    <div class="state-bd">
                                        <p>味道还算好吧</p>
                                        <!--<span class="more"></span>-->
                                    </div>
                                    <div class="state-ft">
                                        <span class="user-name">s***b</span>
                                        <span class="date-time">2016-08-25 18:30</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="speaker">
                            <div class="sp-product">
                                <div class="pic">
                                    <a href="">
                                        <img src="images/52972adcfed5b33e06eccb223275b8d3.jpg" alt="">
                                    </a>
                                </div>
                                <div class="statement">
                                    <div class="state-hd">
                                        <p class="s-pro">韩国制造 S Queen 软糖</p>
                                        <p class="s-price">$29</p>
                                    </div>

                                    <div class="state-bd">
                                        <p>味道还算好吧</p>
                                        <!--<span class="more"></span>-->
                                    </div>
                                    <div class="state-ft">
                                        <span class="user-name">s***b</span>
                                        <span class="date-time">2016-08-25 18:30</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="speaker">
                            <div class="sp-product">
                                <div class="pic">
                                    <a href="">
                                        <img src="images/52972adcfed5b33e06eccb223275b8d3.jpg" alt="">
                                    </a>
                                </div>
                                <div class="statement">
                                    <div class="state-hd">
                                        <p class="s-pro">韩国制造 S Queen 软糖</p>
                                        <p class="s-price">$29</p>
                                    </div>

                                    <div class="state-bd">
                                        <p>味道还算好吧</p>
                                        <!--<span class="more"></span>-->
                                    </div>
                                    <div class="state-ft">
                                        <span class="user-name">s***b</span>
                                        <span class="date-time">2016-08-25 18:30</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Add Pagination -->
                <!--<div class="swiper-pagination swiper-pagination-white"></div>-->
                <!-- Add Arrows -->
                <div class="swiper-button-next swiper-button-white"></div>
                <div class="swiper-button-prev swiper-button-white"></div>
            </div>

        </div>
    </div>
</section>
<footer>
    <div class="side-fix">
        <a class="hallow" href="">
            <img src="images/9c59223c6c0bc0203367a9657a7580d1.gif" alt="" />
        </a>

        <a class="side-div" href="">
            <i class="iconfont icon-liwu"></i><br>
            <span>新人有礼</span>
        </a>
        <!--<a class="dlo-app" href="">-->
            <!--<i></i><br>-->
            <!--<span>下载APP</span>-->
            <!--<div class="qr">-->
                <!--<img src="images/下载.png" alt=""><br>-->
                <!--<span>首单立减8元</span>-->
            <!--</div>-->
        <!--</a>-->
        <a href="" class="side-div ">
            <i class="iconfont icon-kefu"></i><br>
            <span>在线客服</span>
        </a>
        <!--<a href="#slogan"  class="side-div">-->
            <!--<i class="iconfont icon-shang"></i><br>-->
            <!--<span>回顶部</span>-->
        <!--</a>-->
        <div class="back-to-top">
            <span>^</span>
            <br>
            <!--<span>回顶部</span>-->
            <a href="#nav">回顶部</a>
        </div>
    </div>
    <div class="customer-service clearfix">
        <div class="container">
            <div class="customer-item">
                <div class="item-left">
                    <div class="fw">客户服务</div>
                    <div class="xh">
                        <a class="yx-cp-btn">
                            <i class="iconfont icon-kefu"></i>
                            <div>在线客服</div>
                        </a>
                        <a class="yx-cp-btn">
                            <i class="iconfont icon-fankui"></i>
                            <div>用户反馈</div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="customer-item">
                <div class="item-mid">
                    <div class="fw">何为严选</div>
                    <p class="yx-cp-desc">网易原创生活类电商品牌，秉承网易一贯的严谨态度，我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到优质的商品</p>
                    <div class="yx-gz">
                        <div class="yx-gz-left">关注我们</div>
                        <div class="yx-gz-right">
                            <div class="pc">
                                <img class="pc-img" src="images/60068701f3a380911f237c26c91b39d0.png">
                                <div class="pc-wrap-code">
                                    <img src="images/下载.png" alt="">
                                </div>
                            </div>
                            <div class="wx">
                                <img class="wx-img" src="images/031e783d7ee645b6096980d0bf83079b.png">
                                <div class="wx-wrap-code">
                                    <img src="images/下载.png" alt="">
                                </div>
                            </div>
                            <div class="wb"><img class="wb-img" src="images/0c8759a89cdbd7acf7f2921e6f0fad19.png"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="customer-item">
                <div class="item-right">
                    <div class="fw">扫码下载严选APP</div>
                    <div class="qr-img">
                        <img src="images/下载.png">
                    </div>
                    <div class="xr">下载领1000元新人礼包</div>
                </div>
            </div>

        </div>
    </div>
    <div class="NetEase">
        <div class="container">
            <div class="NetEase-content clearfix">
                <div class="NetEase-content-item">
                    <div class="title-img">
                        <div class="title-img-left">
                            <img src="images/e6021a6fcd3ba0af3a10243b7a2fda0d.png">
                        </div>
                        <div class="title-img-right">30天无忧退换货</div>
                    </div>

                </div>
                <div class="NetEase-content-item">
                    <div class="title-img">
                        <div class="title-img-left">
                            <img src="images/e09c44e4369232c7dd2f6495450439f1.png">
                        </div>
                        <div class="title-img-right">满88元免邮费</div>
                    </div>

                </div>
                <div class="NetEase-content-item">
                    <div class="title-img">
                        <div class="title-img-left">
                            <img src="images/e72ed4de906bd7ff4fec8fa90f2c63f1.png">
                        </div>
                        <div class="title-img-right">网易品质保证</div>
                    </div>

                </div>
            </div>
            <div class="shfw">
                <ul class="clearfix">
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">帮助中心</a></li>
                    <li><a href="#">售后服务</a></li>
                    <li><a href="#">配送与验收</a></li>
                    <li><a href="#">商务合作</a></li>
                    <li><a href="#">企业采购</a></li>
                    <li><a href="#">开放平台</a></li>
                    <li><a href="#">搜索推荐</a></li>
                    <li><a href="#">友情链接</a></li>
                </ul>
                <div class="shfw-bq">
                    <span>网易公司版权所有 © 1997-2017 </span>
                    <span>食品经营许可证：JY13301080111719 </span>
                    <span>出版物经营许可证：新出发滨字第0132号 </span>
                    <span>单用途商业预付卡备案证：330100AAC0024 </span>

                    <img class="police" src="images/86f32b668af6e537389a77480fb5c74d.gif">
                </div>

            </div>
        </div>
    </div>
</footer>

<script>
    var carousel_swiper = new Swiper('.carousel .swiper-container', {
        pagination: '.carousel .swiper-pagination',
        paginationClickable: true,
        nextButton: '.carousel .swiper-button-next',
        prevButton: '.carousel .swiper-button-prev',
        spaceBetween: 30,
        effect: 'fade',
        loop: true,
        autoplay: 3000
    });

    var new_item_swiper = new Swiper('.new-item .swiper-container', {
        // pagination: '.new-item .swiper-pagination',
        nextButton: '.new-item .swiper-button-next',
        prevButton: '.new-item .swiper-button-prev',
        slidesPerView: 4,
        paginationClickable: true,
        spaceBetween: 30,
        loop: true
    });

    var speak_list_swiper = new Swiper('.speak-list .swiper-container', {
        // pagination: '.new-item .swiper-pagination',
        nextButton: '.speak-list .swiper-button-next',
        prevButton: '.speak-list .swiper-button-prev',
        slidesPerView: 3,
        paginationClickable: true,
        spaceBetween: 10,
        loop: false
    });
</script>
</body>
</html>